<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<title>左右固定中间自适应</title>
<style>
*{margin: 0px; padding: 0px;}
html, body {
    height:100%;
    margin:0;
    padding:0
}
.wrap{position: relative; width: 100%; height: 100%;}
#sildeLeft{position: absolute; width: 200px; top: 0px; left: 0px; background: #ccc; height: 100%;}
#sildeRight{background: #f0f0f0; height: 100%; position: absolute; right: 0px; top: 0px; width: 150px;}
#sildeContent{background: #FC0; height: 100px; margin-left: 200px; margin-right:150px;}
</style>
</head>

<body>
    <div class="wrap">
        <div id="sildeLeft">左侧内容</div>
        <div id="sildeContent">中间内容</div>
        <div id="sildeRight">右侧内容</div>
    </div>
</body>
</html>